<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Starbuzz Coffee - Blog</title>
    <link rel="stylesheet" type="text/css" href="starbuzz.css" />
  </head>

  <body>
    <header class="top">
      <img
        id="headerLogo"
        src="images/headerLogo.gif"
        alt="Starbuzz Coffee header logo image"
      />
      <img
        id="headerSlogan"
        src="images/headerSlogan.gif"
        alt="Providing all the caffeine you need to power your life."
      />
    </header>
    <nav>
      <ul>
        <li><a href="index.html">HOME</a></li>
        <li class="selected"><a href="blog.html">BLOG</a></li>
        <li><a href="">INVENTIONS</a></li>
        <li><a href="">RECIPES</a></li>
        <li><a href="">LOCATIONS</a></li>
      </ul>
    </nav>

    <div id="tableContainer">
      <div id="tableRow">
        <section id="drinks">
          <h1>BEVERAGES</h1>
          <p>House Blend, $1.49</p>
          <p>Mocha Cafe Latte, $2.35</p>
          <p>Cappuccino, $1.89</p>
          <p>Chai Tea, $1.85</p>
          <h1>ELIXIRS</h1>
          <p>
            We proudly serve elixirs brewed by our friends at the Head First
            Lounge.
          </p>
          <p>Green Tea Cooler, $2.99</p>
          <p>Raspberry Ice Concentration, $2.99</p>
          <p>Blueberry Bliss Elixir, $2.99</p>
          <p>Cranberry Antioxidant Blast, $2.99</p>
          <p>Chai Chiller, $2.99</p>
          <p>Black Brain Brew, $2.99</p>
        </section>

        <section id="blog">
          <article>
            <header>
              <h1>Starbuzz Video</h1>
              <time datetime="2021-10-16">10/16/2021</time>
            </header>
            <p>
              Here at Starbuzz we're embracing the social media craze. In fact,
              we're going further than any of our competitors and we're very
              close to announcing a revolutionary new product that links your
              coffee drinking directly to your social network. Forget "checking
              in"; we're going way beyond that, and with this new product every
              sip of smooth, aromatic, hot Starbuzz blend is going to to be
              shared with your social network.
            </p>
			<!-- 注意type格式，必须是单引号包双引号 -->
            <video controls poster="images/poster.png" preload="auto" width="90%">
              <source src="video/tweetsip.mp4" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"'/>
              <source src="video/tweetsip.webm" type='video/webm; codecs="vp8,vorbis"'/>
              <source src="video/tweetsip.ogv" type='video/ogg; codecs="theora,vorbis"'/>
			  <p>Sorry, 你的浏览器不支持该视频播放</p>
            </video>
          </article>

          <article>
            <header>
              <h1>Starbuzz meets social media</h1>
              <time datetime="2021-03-12">3/12/2021</time>
            </header>
            <p>
              Here at Starbuzz we're embracing the social media craze. In fact,
              we're going further than any of our competitors and we're very
              close to announcing a revolutionary new product that links your
              coffee drinking directly to your social network. Forget "checking
              in"; we're going way beyond that, and with this new product every
              sip of smooth, aromatic, hot Starbuzz blend is going to to be
              shared with your social network.
            </p>
            <p>
              Sound like science fiction? It's not; I'm already testing our
              final prototype social network cup as I write this, which links
              you, the drinker, right to your favorite social networks. We've
              made a huge investment to make this happen and we've created a
              reusable coffee cup complete with RFID, NFC, Bluetooth, and Wifi
              (not to mention a few more things the tech folks know about,
              because hey, I'm just the coffee guy).
            </p>
            <p>
              So, keep your eyes out for this amazing new cup. And I'll be
              releasing a video teaser soon to tell you all about this new
              invention, straight from Starbuzz Coffee.
            </p>
          </article>

          <article>
            <header>
              <h1>Starbuzz uses computer science</h1>
              <time datetime="2021-03-10">3/10/2021</time>
            </header>
            <p>
              Have you ever noticed how efficient a Starbuzz Coffee house is?
              The lines alway move fast, and despite the astronomical number of
              different drinks any customer can order, we have your drink up,
              hot (or cold if that's the way you want it) and ready in seconds.
              How do we do it?
            </p>
            <p>
              To pull this off, we take advantage of the latest and greatest in
              computer science. In fact, we train our staff to be one big
              distributed computer. The cashiers create the orders for the
              distributed computer, complete with your name and the drinks
              special instructions. Then our specialized drink makers grab the
              next cup and go about working on your order until it's finished.
            </p>
            <p>
              With this design, we are able to horizontally scale our operation
              any time we want. All we need to do is add more cashiers and drink
              makers (not to mention a fair amount of support staff you never
              see) as the customer flow grows.
            </p>
          </article>

          <article>
            <header>
              <h1>Most unique patron of the month</h1>
              <time datetime="2021-02-18">2/18/2021</time>
            </header>
            <p>
              Our most unique patron of the month award goes to a customer in
              Poulsbo, Washington, whose daily morning order is a "six-splenda,
              no-foam, 130-degree non-fat-soy latte, with the splenda stirred in
              before the milk is added." Do we have unique customers or what?
            </p>
          </article>
        </section>

        <aside>
          <p class="beanheading">
            <img src="images/bag.gif" alt="Bean Machine bag" />
            <br />
            ORDER ONLINE with the
            <a href="form.html">BEAN MACHINE</a>
            <br />
            <span class="slogan">
              FAST <br />
              FRESH <br />
              TO YOUR DOOR <br />
            </span>
          </p>
          <p>
            Why wait? You can order all our fine coffees right from the Internet
            with our new, automated Bean Machine. How does it work? Just click
            on the Bean Machine link, enter your order, and behind the scenes,
            your coffee is roasted, ground (if you want), packaged, and shipped
            to your door.
          </p>
        </aside>
      </div>
      <!-- tableRow -->
    </div>
    <!-- tableContainer -->

    <footer>
      &copy; 2021, Mirst
      <br />
      All trademarks and registered trademarks appearing on this site are the
      property of their respective owners.
    </footer>
  </body>
</html>
